<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- logo的图标尺寸不一致，但是不能让logo失真 -->
    <!-- 其实实现这样的布局效果，主要运用到的就是CSS的 object-fit 属性，
    而这个属性早在多年前就得到了各大主流浏览器的支持。 -->
    <!-- .brands__item img {
        width: 130px;
        height: 75px;
        object-fit: contain;
    } -->
</body>
</html>